<template>
  <div class="onekit-swiper-item"
       :class="onekitClass"
       :style="[onekitStyle,{width: `${$parent.width}px`}]"
       :id="onekitId">
    <slot></slot>
  </div>
</template>


<script>
import weixin_behavior from "../../behaviors/weixin_behavior"
import onekit_behavior from "../../behaviors/onekit_behavior"
export default {
  name: "onekit-swiper-item",
  mixins: [weixin_behavior, onekit_behavior],
  data () {
    return {
    }
  },
  props: {
    'item-id': {
      type: String,
      default: '',
      required: false
    },
    'skip-hidden-item-layout': {
      type: [Boolean, String],
      default: false,
      required: false
    },
    'color': {
      type: String,
      default: 'pink',
      required: false
    }
  },
  methods: {

  }
}
</script>

<style scoped>
</style>
